// 文件的位置和名字都是固定的，因为webpack在打包时会自动查找这个文件
const path = require('path')
const html = require('html-webpack-plugin')
const clean = require('clean-webpack-plugin')
module.exports = {
    entry: path.resolve(__dirname, 'src/index.js'), // 项目入口文件,也就是被处理的文件
    output: {
        path: path.resolve(__dirname, 'dist'), // 配置输出的路径，生成打包文件后放在哪里
        filename: 'aa.js'  // 配置输出的文件名，生成文件的名字
    },
    // 打包模式
    mode: 'production',
    // 插件
    plugins: [
        new html({
            template:path.resolve(__dirname, './index.html'),
            filename: 'xxds.html'
        }),
        new clean.CleanWebpackPlugin()
    ],
    // 开发环境下的服务器，帮助我们自动更新代码，不用手动刷新。改为这里的代码之后，要重启服务器，和浏览器没什么关系
    devServer: {
        // static 静态资源
        static: './index.html'
    },
    module: {
        rules: [
            { test: /\.css$/, use: ['style-loader', 'css-loader'] }
        ]
    }
}


